Skip to main content

Experience Engine Behaviors

This document provides a comprehensive overview of all behaviors used in the Experience Engine. Behaviors are configuration flags that control various aspects of the application's functionality.

Setting Behaviors via URL Parameters​

When embedding the Experience Engine in an iframe, you can control behaviors by adding URL parameters. The format for setting behaviors is:

settings.behavior.[behaviorName]=true

Multiple behaviors can be set by combining them with the & character. For example:

https://experience.sourcesync.io/your-experience?settings.behavior.hideControls=true&preventForwardSeek=true

This URL would:

  1. Hide the video controls
  2. Prevent users from seeking forward in the video

All behaviors listed in this document can be set via URL parameters using this pattern.

hideVisitedInstance​

Purpose: Controls the visibility of previously visited activation instances.

Value: true or false (default: false)

Effect: When enabled, hides activation instances that the user has already visited/interacted with.

Usage: Used in activation filtering to prevent showing repeated content.

Example:

settings.behavior.hideVisitedInstance=true

closeDetailsOnTimeEnd​

Purpose: Controls whether details panel automatically closes when activation time ends.

Value: true or false (default: false)

Effect: When enabled, the details panel will automatically close when the current activation is no longer visible due to timing.

Usage: Helps maintain a clean user interface by removing irrelevant information.

Example:

settings.behavior.closeDetailsOnTimeEnd=true

hideActivationPreview​

Purpose: Controls the visibility of activation previews.

Value: true or false (default: false)

Effect: When enabled, hides the preview elements of activations.

Usage: Used when you want to suppress preview displays while maintaining activation functionality.

Example:

settings.behavior.hideActivationPreview=true

hideActivationPreviewForced​

Purpose: Forces hiding of activation previews regardless of other settings.

Value: true or false (default: false)

Effect: When enabled, overrides other preview visibility settings to ensure previews are hidden.

Usage: Used when preview hiding needs to be enforced at a higher level.

Example:

settings.behavior.hideActivationPreviewForced=true

hideActivationDetailsTopBar​

Purpose: Controls the visibility of the top bar in activation details.

Value: true or false (default: false)

Effect: When enabled, removes the top navigation bar from activation details view.

Usage: Used for customizing the activation details UI layout.

Example:

settings.behavior.hideActivationDetailsTopBar=true

showPreviewThroughDetails​

Purpose: Controls whether previews remain visible when details are open.

Value: true or false (default: false)

Effect: When enabled, allows activation previews to remain visible even when detail panels are open.

Usage: Useful for maintaining context while viewing details.

Example:

settings.behavior.showPreviewThroughDetails=true

preventHidingOverflownActivationPreview​

Purpose: Controls the hiding of overflow activation previews.

Value: true or false (default: false)

Effect: When enabled, prevents the automatic hiding of activation previews that overflow their container.

Usage: Used to ensure all previews remain visible regardless of space constraints.

Example:

settings.behavior.preventHidingOverflownActivationPreview=true

fullscreenDetailsInMobilePortrait​

Purpose: Controls details view behavior in mobile portrait mode.

Value: true or false (default: true)

Effect: When enabled, makes the details view fullscreen when in mobile portrait orientation.

Usage: Optimizes viewing experience on mobile devices.

Example:

settings.behavior.fullscreenDetailsInMobilePortrait=false

clickOutsideToCloseSam​

Purpose: Controls whether clicking outside closes the Source Activation Menu (SAM).

Value: true or false (default: true)

Effect: When enabled, allows users to close the activation menu by clicking outside of it.

Usage: Provides an intuitive way to dismiss the activation menu.

Example:

settings.behavior.clickOutsideToCloseSam=false

Video Playback Control Behaviors​

playThroughDetails​

Purpose: Controls video playback behavior when details are shown.

Value: true or false (default: false)

Effect: When enabled, video continues playing while details are being viewed.

Usage: Allows for uninterrupted video playback during detail exploration.

Example:

settings.behavior.playThroughDetails=true

preventSeek​

Purpose: Controls whether users can seek through the video.

Value: true or false (default: false)

Effect: When enabled, prevents users from seeking to different positions in the video.

Usage: Used to enforce linear playback or prevent skipping content.

Example:

settings.behavior.preventSeek=true

preventForwardSeek​

Purpose: Controls forward seeking specifically.

Value: true or false (default: false)

Effect: When enabled, prevents users from seeking forward in the video while allowing backward seeking.

Usage: Used to prevent users from skipping ahead while allowing them to review previous content.

Example:

settings.behavior.preventForwardSeek=true

preventClickToPlay​

Purpose: Controls click-to-play functionality.

Value: true or false (default: false)

Effect: When enabled, prevents video playback control through clicking.

Usage: Used when other playback control methods are preferred.

Example:

settings.behavior.preventClickToPlay=true

preventPause​

Purpose: Controls whether users can pause the video.

Value: true or false (default: false)

Effect: When enabled, prevents users from pausing video playback.

Usage: Used when continuous playback needs to be enforced.

Example:

settings.behavior.preventPause=true

autoPlay​

Purpose: Controls automatic video playback.

Value: true or false (default: false)

Effect: When enabled, video starts playing automatically when loaded.

Usage: Used for automatic content start without user interaction.

Example:

settings.behavior.autoPlay=true

autoPlayWhenDirect​

Purpose: Controls autoplay behavior for direct access.

Value: true or false (default: false)

Effect: When enabled, automatically plays video when accessed directly (not in an iframe).

Usage: Used to differentiate autoplay behavior between embedded and direct viewing.

Example:

settings.behavior.autoPlayWhenDirect=true

muted​

Purpose: Controls initial audio state.

Value: true or false (default: false)

Effect: When enabled, starts video in muted state.

Usage: Used for controlling initial audio experience, often in conjunction with autoplay.

Example:

settings.behavior.muted=true

forceUnmute​

Purpose: Controls forced unmuting of video.

Value: true or false (default: false)

Effect: When enabled, forces video to be unmuted regardless of other settings.

Usage: Used to ensure audio playback in specific scenarios.

Example:

settings.behavior.forceUnmute=true

loop​

Purpose: Controls video looping behavior.

Value: true or false (default: false)

Effect: When enabled, video will automatically replay from the beginning when it ends.

Usage: Used for continuous content playback.

Example:

settings.behavior.loop=true

Video UI Control Behaviors​

hideControls​

Purpose: Controls visibility of all video controls.

Value: true or false (default: false)

Effect: When enabled, hides all video playback controls.

Usage: Used for a cleaner viewing experience or to restrict user control.

Example:

settings.behavior.hideControls=true

hidePlayerControls​

Purpose: Controls visibility of player-specific controls.

Value: true or false (default: false)

Effect: When enabled, hides the player's built-in control interface.

Usage: Used when custom controls are preferred.

Example:

settings.behavior.hidePlayerControls=true

hideOverlayPlayButton​

Purpose: Controls visibility of the overlay play button.

Value: true or false (default: false)

Effect: When enabled, hides the large play button overlay on the video.

Usage: Used for customizing the video player's appearance.

Example:

settings.behavior.hideOverlayPlayButton=true

hidePlayButton​

Purpose: Controls visibility of the standard play button.

Value: true or false (default: false)

Effect: When enabled, hides the regular play/pause button in the control bar.

Usage: Used when play control should be restricted or handled differently.

Example:

settings.behavior.hidePlayButton=true

hideVolume​

Purpose: Controls visibility of volume controls.

Value: true or false (default: false)

Effect: When enabled, hides volume control elements.

Usage: Used when volume control should be restricted or handled differently.

Example:

settings.behavior.hideVolume=true

hideProgressBar​

Purpose: Controls visibility of the progress bar.

Value: true or false (default: false)

Effect: When enabled, hides the video progress/seek bar.

Usage: Used when timeline navigation should be restricted.

Example:

settings.behavior.hideProgressBar=true

hideFullscreen​

Purpose: Controls visibility of fullscreen button.

Value: true or false (default: false)

Effect: When enabled, hides the fullscreen toggle button.

Usage: Used when fullscreen viewing should be restricted.

Example:

settings.behavior.hideFullscreen=true

hideVideoInPortraitOnOverlay​

Purpose: Controls video visibility in portrait mode with overlay.

Value: true or false (default: false)

Effect: When enabled, hides video when in portrait orientation with overlay active.

Usage: Used for optimizing layout in different orientations.

Example:

settings.behavior.hideVideoInPortraitOnOverlay=true

hidePipThumbnails​

Purpose: Controls visibility of Picture-in-Picture thumbnails.

Value: true or false (default: false)

Effect: When enabled, hides PiP thumbnail previews.

Usage: Used for customizing PiP experience.

Example:

settings.behavior.hidePipThumbnails=true

showPipThumbnailsOnLoad​

Purpose: Controls initial PiP thumbnail visibility.

Value: true or false (default: false)

Effect: When enabled, shows PiP thumbnails immediately upon loading.

Usage: Used for immediate PiP preview availability.

Example:

settings.behavior.showPipThumbnailsOnLoad=true

Layout and Orientation Behaviors​

forcePortraitOrientation​

Purpose: Controls orientation forcing to portrait.

Value: true or false (default: false)

Effect: When enabled, forces the interface into portrait orientation.

Usage: Used for ensuring consistent layout in specific scenarios.

Example:

settings.behavior.forcePortraitOrientation=true

disableBottomSpace​

Purpose: Controls bottom spacing in the interface.

Value: true or false (default: false)

Effect: When enabled, removes the default bottom spacing.

Usage: Used for customizing layout spacing.

Example:

settings.behavior.disableBottomSpace=true

Button Configuration Behaviors​

btnConfig.share.color​

Purpose: Controls share button color.

Value: A valid CSS color value (e.g., hex code, RGB, color name)

Effect: Sets the color of the share button.

Usage: Used for customizing share button appearance.

Example:

settings.behavior.btnConfig.share.color=#FF0000

btnConfig.share.textColor​

Purpose: Controls share button text color.

Value: A valid CSS color value (e.g., hex code, RGB, color name)

Effect: Sets the text color of the share button.

Usage: Used for customizing share button text appearance.

Example:

settings.behavior.btnConfig.share.textColor=#FFFFFF

contentWallet​

Purpose: Controls content wallet functionality.

Value: true or false (default: false)

Effect: When enabled, activates content wallet features.

Usage: Used for managing digital content assets.

Example:

settings.behavior.contentWallet=true

Time and Duration Behaviors​

originDateEnd​

Purpose: Controls content end date.

Value: ISO 8601 date string (e.g., "2024-12-31T23:59:59Z")

Effect: Specifies when content should stop being available.

Usage: Used for time-limited content.

Example:

settings.behavior.originDateEnd=2024-12-31T23:59:59Z

originDateStart​

Purpose: Controls content start date.

Value: ISO 8601 date string (e.g., "2024-01-01T00:00:00Z")

Effect: Specifies when content should become available.

Usage: Used for scheduled content release.

Example:

settings.behavior.originDateStart=2024-01-01T00:00:00Z

originDuration​

Purpose: Controls content duration.

Value: Number (duration in seconds)

Effect: Specifies the intended duration of the content.

Usage: Used for controlling playback timing and synchronization.

Example:

settings.behavior.originDuration=300